<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Neomorphic Form</title>
		<link rel="stylesheet" href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:500,700&amp;display=swap">
		<link rel="stylesheet" href="./from.css" />
	</head>
	<body>
		<form>
		  
		  <div class="segment">
		    <h1>Sign up</h1>
		  </div>
		  
		  <label>
		    <input type="text" placeholder="Email Address"/>
		  </label>
		  <label>
		    <input type="password" placeholder="Password"/>
		  </label>
		  <button class="red" type="button"><i class="icon ion-md-lock"></i> Log in</button>
		  
		  <div class="segment">
		    <button class="unit" type="button"><i class="icon ion-md-arrow-back"></i></button>
		    <button class="unit" type="button"><i class="icon ion-md-bookmark"></i></button>
		    <button class="unit" type="button"><i class="icon ion-md-settings"></i></button>
		  </div>
		  
		  <div class="input-group">
		    <label>
		      <input type="text" placeholder="Email Address"/>
		    </label>
		    <button class="unit" type="button"><i class="icon ion-md-search"></i></button>
		  </div>
		  
		</form>
	</body>
</html>